// document.querySelector('.addAddress').onclick=function(){
// 	document.querySelector('.alert-box').style.display='block';//弹窗
//
// }

//把地址弹出框的内容引入JS


// 页面中地址列表的修改  和 删除
document.querySelector('.address-changeed').onclick=function(){
	
	document.querySelector('.alert-box').style.display = 'block';
	
}
document.querySelector('.address-dele').onclick=function(){
	
	document.querySelector('.address-list').style.display = 'none';
	
}















//姓名输入框聚焦
var nameElement = document.querySelector('#input-name');

nameElement.onfocus = function() {
	document.querySelector('.pla-name').classList.add('focus');
	document.querySelector('#input-name').classList.add('act');
}
nameElement.onblur = function() {
	nameElement.value=nameElement.value.trim()
	if(!nameElement.value.trim()){
		document.querySelector('.pla-name').classList.remove('focus');
	}
	document.querySelector('#input-name').classList.remove('act');
}

//手机号输入框聚焦
var numberElement = document.querySelector('#input-number');

numberElement.onfocus = function() {
	document.querySelector('.pla-number').classList.add('focus');
	document.querySelector('#input-number').classList.add('act');
}
numberElement.onblur = function() {
	numberElement.value=numberElement.value.trim()
	if(!numberElement.value.trim()){
		document.querySelector('.pla-number').classList.remove('focus');
	}
	document.querySelector('#input-number').classList.remove('act');
}


//详细地址输入框聚焦
var addressElement = document.querySelector('#input-address');

addressElement.onfocus = function() {
	document.querySelector('.pla-address').classList.add('focus');
	document.querySelector('#input-address').classList.add('act');
	// if(addressElement.value.trim()==''){
	// 	document.querySelector('#input-address').style.placeholder = '详细地址';
		
	// }
}
addressElement.onblur = function() {
	addressElement.value=addressElement.value.trim()
	if(!addressElement.value.trim()){
		document.querySelector('.pla-address').classList.remove('focus');
	}
	document.querySelector('#input-address').classList.remove('act');
}

//地址标签输入框聚焦
var addressLabelElement = document.querySelector('#input-addressLabel');

addressLabelElement.onfocus = function() {
	document.querySelector('.pla-addressLabel').classList.add('focus');
	document.querySelector('#input-addressLabel').classList.add('act');
}
addressLabelElement.onblur = function() {
	addressLabelElement.value=addressLabelElement.value.trim()
	if(!addressLabelElement.value.trim()){
		document.querySelector('.pla-addressLabel').classList.remove('focus');
	}
	document.querySelector('#input-addressLabel').classList.remove('act');
}